<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>井史数据</title>
    <link rel="stylesheet" href="/gzht/lib/layui/css/layui.css" media="all">
    <style type="text/css">
        /*.layui-table-cell{
            height:36px;
            line-height: 36px;
        }*/
        .layui-table-cell {
            height: auto !important;
        }
    </style>
</head>
<body>
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
    <div class="layui-tab-content">
        <div class="layui-tab-item layui-show">
            <table id="yjk" lay-filter="yjk"></table>
        </div>
        <div class="layui-tab-item">
            <table id="fl" lay-filter="fl"></table>
        </div>
    </div>
</div>

<%--元件库行内编辑--%>
<script type="text/html" id="yjk_bar">
    <a class="layui-btn layui-btn-xs" lay-event="yjk_view">查看</a>
</script>

<script src="/gzht/lib/layui/layui.js"></script>
<script>
    layui.config({
        base: '/gzht/lib/layui/'
    }).extend({
        treetable: 'treetable-lay/treetable'
    }).use(['layer', 'table', 'form', 'upload', 'element', 'jquery', 'treetable'], function () {
        var layer = layui.layer //弹层
            , table = layui.table //表格
            , form = layui.form // 表单
            , upload = layui.upload //上传
            , element = layui.element //元素操作
            , $ = layui.jquery // jq
            , treetable = layui.treetable;


        // 元件库table
        var yjkTable = table.render({
            elem: '#yjk'
            , height: 'full-120'
            , url: '/gzht/history/list' //数据接口
            , title: '工具表'
            , page: true //开启分页
            , limit: 10
            , limits: [10, 20, 50]
            , toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
            , totalRow: false //开启合计行
            , cols: [[ //表头
                 {
                    fixed: 'yjk', title: '管井筛选', fixed: 'left', templet: function (d) {
                        return d.jh;
                    }
                }
                , {
                    fixed: 'yjk', title: '更新日期', fixed: 'left', templet: function (d) {
                        return d.sjrq ? d.sjrq : "";
                    }
                }
                , {
                    fixed: 'yjk', title: '操作', fixed: 'center', toolbar: '#yjk_bar'
                }
            ]]
        });

    });
</script>
</body>
</html>
